(function () {


    function init() {
         runTime()
    }

    function runTime(node, timer) {
        
        setInterval(() => {
            const firstChild = node.querySelector('li:first-child')
        console.log(node);

        node.style.top = '-120px'
        node.style.transition = 'all .5s linear'
        
        node.addEventListener('transitionend', function () {
            node.style.transition = 'none'
            node.appendChild(firstChild)
            node.style.top = '0px'
        })
        },timer)
        
    }



    
    runTime(document.querySelector('.time-item:nth-of-type(8) ul'), 1000)
    runTime(document.querySelector('.time-item:nth-of-type(7) ul'), 10000)
    runTime(document.querySelector('.time-item:nth-of-type(5) ul'), 60000)
    runTime(document.querySelector('.time-item:nth-of-type(4) ul'), 600000)
    runTime(document.querySelector('.time-item:nth-of-type(2) ul'), 3600000)
    runTime(document.querySelector('.time-item:nth-of-type(1) ul'), 10800000)

    init()
})()